﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Ultimo - Responsive Magento Theme download</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="Demo store for Magento theme" />
    <meta name="keywords" content="magento, theme, themes, magento premium themes, magento templates" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png" />
    <!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = '/js/blank.html';
    var BLANK_IMG = '/js/spacer.gif';
//]]>
</script>
<![endif]-->
    <link rel="stylesheet" type="text/css" href="css/all.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
    <script type="text/javascript" src="js/all.js"></script>
    <!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie7_all.css" media="all" />
<![endif]-->
    <!--[if lt IE 7]>
<script type="text/javascript" src="js/ie7.js"></script>
<![endif]-->
    <!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="js/ie7_lte_all.css" media="all" />
<![endif]-->
    <!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="css/ie8.css" media="all" />
<![endif]-->
    <script type="text/javascript">
//<![CDATA[
        Mage.Cookies.path = '/demo';
        Mage.Cookies.domain = '.ultimo.infortis-themes.com';
//]]>
    </script>
    <script type="text/javascript">
//<![CDATA[
        optionalZipCountries = ["HK", "IE", "MO", "PA"];
//]]>
    </script>
    <script type="text/javascript">//<![CDATA[
        var Translator = new Translate([]);
        //]]></script>
    <link rel="stylesheet" type="text/css" href="css/_grid_fourth.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/_layout_fourth.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/_design_fourth.css" media="all" />
    
    <script type="text/javascript">
        jQuery(function ($) { $(".main").addClass("show-bg"); });
    </script>
</head>
<body class=" cms-index-index cms-home">
    <!-- BEGIN GOOGLE ANALYTICS CODEs -->
    <script type="text/javascript">
//<![CDATA[
        var _gaq = _gaq || [];

        _gaq.push(['_setAccount', 'UA-29740436-2']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

//]]>
    </script>
    <!-- END GOOGLE ANALYTICS CODE -->
    <div class="wrapper">
        <noscript>
            <div class="global-site-notice noscript">
                <div class="notice-inner">
                    <p>
                        <strong>JavaScript seems to be disabled in your browser.</strong><br />
                        You must have JavaScript enabled in your browser to utilize the functionality of
                        this website.
                    </p>
                </div>
            </div>
        </noscript>
        <div class="page">
            <div class="header-container" id="top">
                <div class="header container">
                    <div class="grid-full">
                        <div class="header-top clearer">
                            <div class="block_header_top_help item item-left">
                                <div class="hide-below-768 phone" title="You can put here a phone number or some additional help info">
                                    Call Us +001 555 801</div>
                            </div>
                            <div class="block_header_links_upper item item-left">
                                <div class="show-separators">
                                    <ul class="links">
                                        <li class="first hide-below-480"><a href="#">Collapsible</a> </li>
                                        <li class="hide-below-960"><a href="">Magento</a> </li>
                                        <li class="hide-below-768"><a href="#">Header</a> </li>
                                        <li class="last hide-below-480"><a href="#">Links</a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="item item-left hide-below-960">
                                <p class="welcome-msg">
                                    Welcome, a a!
                                </p>
                            </div>
                            <div class="dropdown-button currency-switcher item item-right">
                                <div class="inner">
                                    <p class="label hide-below-768">
                                        Currency:</p>
                                    <p class="text">
                                        USD</p>
                                </div>
                                <ul>
                                    <li><a href="">BRL - Brazilian Real</a></li><li><a href="">GBP - British Pound Sterling</a></li><li>
                                        <a href="">CNY - Chinese Yuan Renminbi</a></li><li><a href="">EUR - Euro</a></li><li>
                                            <a href="">RUB - Russian Ruble</a></li><li class="current">USD - US Dollar</li></ul>
                            </div>
                            <div class="block_header_top_right item item-right">
                                <div class="dropdown-button lang-switcher item item-right hover" title="Multiple languages (this is only demo switcher so languages doesn't work)">
                                    <div style="background-image: url(images/default.png)" class="inner">
                                        <p class="label hide-below-768">
                                            Language:</p>
                                        <p class="text">
                                            English</p>
                                    </div>
                                    <ul style="display: none;">
                                        <li style="background-image: url(images/default.png);" class="current">English</li>
                                        <li style="background-image: url(images/default_de.png);"><a href="#">German</a></li>
                                        <li style="background-image: url(images/fr.png);"><a href="#">French</a></li>
                                        <li style="background-image: url(images/it.png);"><a href="#">Italian</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="header-main v v3">
                            <div class="logo-wrapper v-item">
                                <h1 class="logo">
                                    <strong>Premium Magento Themes</strong><a href="" title="Premium Magento Themes"><img
                                        src="images/logo.png" alt="Premium Magento Themes" /></a></h1>
                            </div>
                            <div class="header-top-search-wrapper v-item">
                                <form id="search_mini_form" action="" method="get">
                                <div class="form-search">
                                    <label for="search">
                                        Search:</label>
                                    <input id="search" type="text" name="q" value="" class="input-text" maxlength="128" />
                                    <button type="submit" title="Search" class="button">
                                        <span><span>Search</span></span></button>
                                    <div id="search_autocomplete" class="search-autocomplete">
                                    </div>
                                    <script type="text/javascript">
        //<![CDATA[
                                        var searchForm = new Varien.searchForm('search_mini_form', 'search', 'Search entire store here...');
                                        searchForm.initAutocomplete('catalogsearch/ajax/suggest/', 'search_autocomplete');
        //]]>
                                    </script>
                                </div>
                                </form>
                            </div>
                            <div class="user-menu v-item clearer">
                                <div id="mini-cart">
                                    <div class="block-title clearer">
                                        <div class="heading" title="View contents of your shopping cart">
                                            My Cart</div>
                                        <a class="summary" href="" title="View contents of your shopping cart">
                                            <p class="amount">
                                                Cart <span>(4)</span></p>
                                            <p class="subtotal">
                                                <span class="price">$309.88</span>
                                            </p>
                                        </a>
                                        <!-- end: summary -->
                                    </div>
                                    <!-- end: block-title -->
                                    <div class="block-content block">
                                        <div class="block-content-inner">
                                            <div class="block_mini_cart_above_products">
                                                <div style="padding: 15px; background-color: #f5f5f5; color: #d90000;" title="Customizable CMS block for promo info">
                                                    <a class="go" href="">Check our latest super promotions!</a>
                                                </div>
                                            </div>
                                            <p class="block-subtitle">
                                                Recently added item(s)</p>
                                            <ol id="cart-sidebar" class="mini-products-list">
                                                <li class="item"><a href="top7.html" title="Some Other Product" class="product-image">
                                                    <img src="images/7b.jpg" width="50" height="50" alt="Some Other Product" /></a>
                                                    <div class="product-details">
                                                        <a href="" title="Remove This Item" onclick="return confirm('Are you sure you would like to remove this item from the shopping cart?');"
                                                            class="btn-remove">Remove This Item</a> <a href="" title="Edit item" class="btn-edit">
                                                                Edit item</a>
                                                        <p class="product-name">
                                                            <a href="top7.html">Some Other Product</a></p>
                                                        <strong>1</strong> x <span class="price">$180.88</span>
                                                    </div>
                                                </li>
                                                <li class="item"><a href="top1.html" title="Product with Variants" class="product-image">
                                                    <img src="images/3b.jpg" width="50" height="50" alt="Product with Variants" /></a>
                                                    <div class="product-details">
                                                        <a href="" title="Remove This Item" onclick="return confirm('Are you sure you would like to remove this item from the shopping cart?');"
                                                            class="btn-remove">Remove This Item</a> <a href="" title="Edit item" class="btn-edit">
                                                                Edit item</a>
                                                        <p class="product-name">
                                                            <a href="top1.html">Product with Variants</a></p>
                                                        <strong>3</strong> x <span class="price">$43.00</span>
                                                        <div class="truncated">
                                                            <div class="truncated_full_value">
                                                                <dl class="item-options">
                                                                    <dt>Select Color</dt>
                                                                    <dd>
                                                                        Black
                                                                    </dd>
                                                                    <dt>Select Size</dt>
                                                                    <dd>
                                                                        M
                                                                    </dd>
                                                                    <dt>Select Delivery Date</dt>
                                                                    <dd>
                                                                        Jan 2, 2013
                                                                    </dd>
                                                                    <dt>Additional Comment</dt>
                                                                    <dd>
                                                                        ád
                                                                    </dd>
                                                                </dl>
                                                            </div>
                                                            <a href="#" onclick="return false;" class="details">Details</a>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ol>
                                            <script type="text/javascript">                                                decorateList('cart-sidebar', 'none-recursive')</script>
                                            <div class="actions">
                                                <button type="button" title="View contents of your shopping cart" class="button btn-inline"
                                                    onclick="setLocation('checkout/cart/')">
                                                    <span><span>View shopping cart</span></span></button>
                                                <button type="button" title="Proceed to Checkout" class="button btn-checkout btn-inline "
                                                    onclick="setLocation('checkout/onepage/')">
                                                    <span><span>Proceed to Checkout</span></span></button>
                                            </div>
                                        </div>
                                        <!-- end: block-content-inner -->
                                    </div>
                                    <!-- end: block-content -->
                                </div>
                                <div class="after-mini-cart">
                                </div>
                                <div class="top-links show-separators">
                                    <ul class="links">
                                        <li class="first"><a href="" title="Account">Account</a></li>
                                        <li><a href="" title="Wishlist (1)">Wishlist (1)</a></li>
                                        <li class=" last"><a href="" title="Log Out">Log Out</a></li>
                                    </ul>
                                </div>
                                <!-- end: top-links -->
                            </div>
                            <!-- end: user-menu -->
                        </div>
                        <!-- end: v -->
                    </div>
                    <!-- end: grid unit -->
                </div>
                <!-- end: header -->
                <div class="nav-container itemgrid itemgrid-6cols">
                    <div class="nav container clearer show-bg">
                        <div id="mobnav" class="grid-full">
                            <a id="mobnav-trigger" href="">
                                <div class="icon">
                                    <div class="line">
                                    </div>
                                    <div class="line">
                                    </div>
                                    <div class="line">
                                    </div>
                                </div>
                                <span>Menu</span> </a>
                        </div>
                        <ul class="accordion vertnav-top grid-full">
                            <li class="level0 nav-5 level-top first"><a href="women.html" class="level-top"><span>
                                Women</span> </a></li>
                            <li class="level0 nav-6 level-top parent"><a href="fashion.html" class="level-top"><span>
                                Fashion</span> </a><span class="opener">&nbsp;</span>
                                <ul class="level0">
                                    <li class="level1 nav-6-1 first parent"><a href="tops.html"><span>Tops</span> </a><span
                                        class="opener">&nbsp;</span>
                                        <ul class="level1">
                                            <li class="level2 nav-6-1-1 first"><a href="evening-tops.html"><span>Evening Tops</span>
                                            </a></li>
                                            <li class="level2 nav-6-1-2"><a href="shirts-blouses.html"><span>Shirts &amp; Blouses</span>
                                            </a></li>
                                            <li class="level2 nav-6-1-3"><a href="tunics.html"><span>Tunics</span> </a></li>
                                            <li class="level2 nav-6-1-4 last"><a href="vests.html"><span>Vests</span> </a></li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-6-2 parent"><a href="dresses.html"><span>Dresses</span> </a><span
                                        class="opener">&nbsp;</span>
                                        <ul class="level1">
                                            <li class="level2 nav-6-2-5 first"><a href="casual-dresses.html"><span>Casual Dresses</span>
                                            </a></li>
                                            <li class="level2 nav-6-2-6"><a href="evening.html"><span>Evening</span> </a></li>
                                            <li class="level2 nav-6-2-7"><a href="designer.html"><span>Designer</span> </a></li>
                                            <li class="level2 nav-6-2-8 last"><a href="party.html"><span>Party</span> </a></li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-6-3 parent"><a href="shoes.html"><span>Shoes</span> </a><span
                                        class="opener">&nbsp;</span>
                                        <ul class="level1">
                                            <li class="level2 nav-6-3-9 first"><a href="flat-shoes.html"><span>Flat Shoes</span>
                                            </a></li>
                                            <li class="level2 nav-6-3-10"><a href="flat-sandals.html"><span>Flat Sandals</span>
                                            </a></li>
                                            <li class="level2 nav-6-3-11"><a href="boots.html"><span>Boots</span> </a></li>
                                            <li class="level2 nav-6-3-12 last"><a href="heels.html"><span>Heels</span> </a></li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-6-4 parent"><a href="jewelry.html"><span>Jewelry</span> </a><span
                                        class="opener">&nbsp;</span>
                                        <ul class="level1">
                                            <li class="level2 nav-6-4-13 first"><a href="bracelets.html"><span>Bracelets</span>
                                            </a></li>
                                            <li class="level2 nav-6-4-14"><a href="necklaces-pendants.html"><span>Necklaces &amp;
                                                Pendants</span> </a></li>
                                            <li class="level2 nav-6-4-15 last"><a href="pins-brooches.html"><span>Pins &amp; Brooches</span>
                                            </a></li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-6-5 parent"><a href="coats-jackets.html"><span>Coats &amp; Jackets</span>
                                    </a><span class="opener">&nbsp;</span>
                                        <ul class="level1">
                                            <li class="level2 nav-6-5-16 first"><a href="coats.html"><span>Coats</span> </a>
                                            </li>
                                            <li class="level2 nav-6-5-17"><a href="jackets.html"><span>Jackets</span> </a></li>
                                            <li class="level2 nav-6-5-18"><a href="leather-jackets.html"><span>Leather Jackets</span>
                                            </a></li>
                                            <li class="level2 nav-6-5-19 last"><a href="blazers.html"><span>Blazers</span> </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-6-6 parent"><a href="bags-purses.html"><span>Bags &amp; Purses</span>
                                    </a><span class="opener">&nbsp;</span>
                                        <ul class="level1">
                                            <li class="level2 nav-6-6-20 first"><a href="bags.html"><span>Bags</span> </a></li>
                                            <li class="level2 nav-6-6-21"><a href="designer-handbags.html"><span>Designer Handbags</span>
                                            </a></li>
                                            <li class="level2 nav-6-6-22"><a href="purses.html"><span>Purses</span> </a></li>
                                            <li class="level2 nav-6-6-23 last"><a href="shoulder-bags.html"><span>Shoulder Bags</span>
                                            </a></li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-6-7 last parent"><a href="lingerie.html"><span>Lingerie</span>
                                    </a><span class="opener">&nbsp;</span>
                                        <ul class="level1">
                                            <li class="level2 nav-6-7-24 first"><a href="bras.html"><span>Bras</span> </a></li>
                                            <li class="level2 nav-6-7-25"><a href="bodies.html"><span>Bodies</span> </a></li>
                                            <li class="level2 nav-6-7-26"><a href="lingerie-sets.html"><span>Lingerie Sets</span>
                                            </a></li>
                                            <li class="level2 nav-6-7-27 last"><a href="shapewear.html"><span>Shapewear</span> </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="level0 nav-7 level-top"><a href="electronics.html" class="level-top"><span>
                                Electronics</span> </a></li>
                            <li class="level0 nav-8 level-top last"><a href="downloadable.html" class="level-top">
                                <span>Digital</span> </a></li>
                        </ul>
                        <ul id="nav" class="grid-full wide">
                            <li id="nav-home-link" class="level0 level-top"><a class="level-top" href=""><span>Home</span></a>
                            </li>
                            <li class="level0 nav-1 level-top first"><a href="women.html" class="level-top"><span>
                                Women</span> </a></li>
                            <li class="level0 nav-2 level-top parent"><a href="fashion.html" class="level-top"><span>
                                Fashion</span> </a>
                                <ul class="level0">
                                    <li class="level1 nav-2-1 first parent item"><a href="tops.html"><span>Tops</span> </a>
                                        <ul class="level1">
                                            <li class="level2 nav-2-1-1 first"><a href="evening-tops.html"><span>Evening Tops</span>
                                            </a></li>
                                            <li class="level2 nav-2-1-2"><a href="shirts-blouses.html"><span>Shirts &amp; Blouses</span>
                                            </a></li>
                                            <li class="level2 nav-2-1-3"><a href="tunics.html"><span>Tunics</span> </a></li>
                                            <li class="level2 nav-2-1-4 last"><a href="vests.html"><span>Vests</span> </a></li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-2-2 parent item"><a href="dresses.html"><span>Dresses</span> </a>
                                        <ul class="level1">
                                            <li class="level2 nav-2-2-5 first"><a href="casual-dresses.html"><span>Casual Dresses</span>
                                            </a></li>
                                            <li class="level2 nav-2-2-6"><a href="evening.html"><span>Evening</span> </a></li>
                                            <li class="level2 nav-2-2-7"><a href="designer.html"><span>Designer</span> </a></li>
                                            <li class="level2 nav-2-2-8 last"><a href="party.html"><span>Party</span> </a></li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-2-3 parent item"><a href="shoes.html"><span>Shoes</span> </a>
                                        <ul class="level1">
                                            <li class="level2 nav-2-3-9 first"><a href="flat-shoes.html"><span>Flat Shoes</span>
                                            </a></li>
                                            <li class="level2 nav-2-3-10"><a href="flat-sandals.html"><span>Flat Sandals</span>
                                            </a></li>
                                            <li class="level2 nav-2-3-11"><a href="boots.html"><span>Boots</span> </a></li>
                                            <li class="level2 nav-2-3-12 last"><a href="heels.html"><span>Heels</span> </a></li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-2-4 parent item"><a href="jewelry.html"><span>Jewelry</span> </a>
                                        <ul class="level1">
                                            <li class="level2 nav-2-4-13 first"><a href="bracelets.html"><span>Bracelets</span>
                                            </a></li>
                                            <li class="level2 nav-2-4-14"><a href="necklaces-pendants.html"><span>Necklaces &amp;
                                                Pendants</span> </a></li>
                                            <li class="level2 nav-2-4-15 last"><a href="pins-brooches.html"><span>Pins &amp; Brooches</span>
                                            </a></li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-2-5 parent item"><a href="coats-jackets.html"><span>Coats &amp;
                                        Jackets</span> </a>
                                        <ul class="level1">
                                            <li class="level2 nav-2-5-16 first"><a href="coats.html"><span>Coats</span> </a>
                                            </li>
                                            <li class="level2 nav-2-5-17"><a href="jackets.html"><span>Jackets</span> </a></li>
                                            <li class="level2 nav-2-5-18"><a href="leather-jackets.html"><span>Leather Jackets</span>
                                            </a></li>
                                            <li class="level2 nav-2-5-19 last"><a href="blazers.html"><span>Blazers</span> </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-2-6 parent item"><a href="bags-purses.html"><span>Bags &amp; Purses</span>
                                    </a>
                                        <ul class="level1">
                                            <li class="level2 nav-2-6-20 first"><a href="bags.html"><span>Bags</span> </a></li>
                                            <li class="level2 nav-2-6-21"><a href="designer-handbags.html"><span>Designer Handbags</span>
                                            </a></li>
                                            <li class="level2 nav-2-6-22"><a href="purses.html"><span>Purses</span> </a></li>
                                            <li class="level2 nav-2-6-23 last"><a href="shoulder-bags.html"><span>Shoulder Bags</span>
                                            </a></li>
                                        </ul>
                                    </li>
                                    <li class="level1 nav-2-7 last parent item"><a href="lingerie.html"><span>Lingerie</span>
                                    </a>
                                        <ul class="level1">
                                            <li class="level2 nav-2-7-24 first"><a href="bras.html"><span>Bras</span> </a></li>
                                            <li class="level2 nav-2-7-25"><a href="bodies.html"><span>Bodies</span> </a></li>
                                            <li class="level2 nav-2-7-26"><a href="lingerie-sets.html"><span>Lingerie Sets</span>
                                            </a></li>
                                            <li class="level2 nav-2-7-27 last"><a href="shapewear.html"><span>Shapewear</span> </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="level0 nav-3 level-top"><a href="electronics.html" class="level-top"><span>
                                Electronics</span> </a></li>
                            <li class="level0 nav-4 level-top last"><a href="downloadable.html" class="level-top">
                                <span>Digital</span> </a></li>
                            <li class="nav-custom-link level0 level-top parent f-right"><a class="level-top"
                                href="#"><span>Custom Block</span></a>
                                <ul class="level0">
                                    <div class="header-nav-dropdown-wrapper clearer">
                                        <div class="grid12-3">
                                            <h3 class="heading">
                                                Responsive Magento Theme</h3>
                                            <p>
                                                Ultimo is a premium Magento theme with advanced admin module. It's extremely customizable
                                                and fully responsive. Can be used for every type of store.</p>
                                            <a href="#" style="color: red;">Buy this Magento theme</a>
                                        </div>
                                        <div class="grid12-3">
                                            <img src="images/01.png" alt="Image Example" />
                                            <h5 class="heading">
                                                Editable image size</h5>
                                            <p>
                                                Size of product image and thumbnails on product page editable from admin panel.
                                                Specify any size you like, images don&apos;t have to be square - keep the aspect
                                                ratio.</p>
                                            <a href="ultimo-responsive-magento-theme">More details</a>
                                        </div>
                                        <div class="grid12-3">
                                            <img src="images/01.png" alt="Image Example" />
                                            <h5 class="heading">
                                                Brand logo on product page</h5>
                                            <p>
                                                It can also be a link to any page, e.g. link to a category with products from that
                                                brand, link to the search results or any CMS page (editable from admin panel).</p>
                                            <a href="ultimo-responsive-magento-theme">More details</a>
                                        </div>
                                        <div class="grid12-3">
                                            <img src="images/01.png" alt="Image Example" />
                                            <h5 class="heading">
                                                Sliders for Up-sell and Related</h5>
                                            <p>
                                                There are sliders in Up-sell Products and Related Products blocks (visible if there
                                                are to many products). Now you can select as much related and up-sell products as
                                                you want,
                                            </p>
                                            <a href="ultimo-responsive-magento-theme">More details</a>
                                        </div>
                                    </div>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!-- end: nav -->
                </div>
                <!-- end: nav-container -->
            </div>
            <!-- end: header-container -->
            <div class="main-container col1-layout">
                <div class="main container">
                    <!--sliveshow-->
                    <div class="preface grid-full in-col1">
                        <div class="the-slideshow-wrapper nested-container clearer" style="margin-top: -10px;">
                            <div class="the-slideshow gen-slider-arrows2 gen-slider-pager1 gen-slider-pager1-pos-bottom-right grid-full  hide-below-768">
                                <ul class="slides">
                                    <li class="slide"><a href="about-magento-demo-store/">
                                        <img src="images/s4_1.jpg" alt="Sample slide" />
                                        <div class="caption dark2 bottom-right">
                                            <h2 class="heading permanent">
                                                Customizable Theme</h2>
                                            <p>
                                                Change color of almost every element of the design</p>
                                            <p>
                                                You have never seen so many options</p>
                                        </div>
                                    </a></li>
                                    <li class="slide"><a href="about-magento-demo-store/">
                                        <img src="images/all_1.jpg" alt="Sample slide" />
                                        <div class="caption dark3">
                                            <h2 class="heading permanent">
                                                Responsive Design</h2>
                                            <p>
                                                This theme can adapt to any mobile screen resolution</p>
                                            <p>
                                                It also supports wide screens</p>
                                        </div>
                                    </a></li>
                                    <li class="slide"><a href="about-magento-demo-store/">
                                        <img src="images/all_2.jpg" alt="Sample slide" />
                                        <div class="caption light1 bottom-right">
                                            <h2 class="heading permanent">
                                                Configure Product Grid</h2>
                                            <p>
                                                Customize the display of category grid, show/hide elements</p>
                                            <p>
                                                Show products in columns: from 2 to 7</p>
                                        </div>
                                    </a></li>
                                </ul>
                            </div>
                            <script type="text/javascript">
    //<![CDATA[

                                //jQuery(function($) {
                                jQuery(window).load(function () {
                                    jQuery('.the-slideshow').flexslider({
                                        namespace: "",
                                        animation: 'fade',
                                        easing: 'easeOutQuad',
                                        animationLoop: 1,
                                        smoothHeight: true,

                                        slideshow: false,

                                        animationSpeed: 600,

                                        pauseOnHover: 1
                                    });
                                });
    //]]>
                            </script>
                        </div>
                    </div>
                    <!--end sliveshow-->
                    
                    <!--slive 2-->
                    <div class="preface grid-full in-col1">
                        <div class="the-slideshow-wrapper nested-container clearer">
                            <div class="the-slideshow gen-slider-arrows2 gen-slider-pager1 gen-slider-pager1-pos-bottom-right grid12-9  ">
                                <div class="viewport" style="overflow: hidden; position: relative; height: 390px;">
                                    <ul class="slides" >
                                        <li class="slide clone" style=" float: left; display: block;"><a href=""
                                            title="Click to see all features">
                                            <img src="images/s4_1.jpg" alt="Responsive Magento Theme">
                                            <div class="caption dark3">
                                                <h2 class="heading permanent">
                                                    Responsive Layout</h2>
                                                <p>
                                                    This theme can adapt to any mobile screen resolution</p>
                                                <p>
                                                    It also supports wide screens</p>
                                            </div>
                                        </a></li>
                                        <li class="slide active-slide" style="width: 701px; float: left; display: block;"><a
                                            href=""
                                            title="Click to see all features">
                                            <img src="images/all_1.jpg" alt="Customizable Magento Theme">
                                            <div class="caption light1 top-right">
                                                <h2 class="heading permanent">
                                                    Customizable Theme</h2>
                                                <p>
                                                    You can change colors of almost every element</p>
                                                <p>
                                                    You have never seen so many options</p>
                                            </div>
                                        </a></li>
                                        <li class="slide" style="width: 701px; float: left; display: block;"><a href=""
                                            title="Click to see all features">
                                            <img src="images/s4_1.jpg" alt="Responsive Magento Theme">
                                            <div class="caption dark3">
                                                <h2 class="heading permanent">
                                                    Responsive Layout</h2>
                                                <p>
                                                    This theme can adapt to any mobile screen resolution</p>
                                                <p>
                                                    It also supports wide screens</p>
                                            </div>
                                        </a></li>
                                    </ul>
                                </div>
                                <ol class="control-nav control-paging">
                                    <li><a class="active">1</a></li><li><a>2</a></li></ol>
                                <ul class="direction-nav">
                                    <li><a class="prev" href="">Previous</a></li><li>
                                        <a class="next" href="">Next</a></li></ul>
                            </div>
                            <script type="text/javascript">
    //<![CDATA[

                                //jQuery(function($) {
                                jQuery(window).load(function () {
                                    jQuery('.the-slideshow').flexslider({
                                        namespace: "",
                                        animation: 'slide',

                                        easing: 'easeInOutSine',
                                        useCSS: false,

                                        animationLoop: 1,
                                        smoothHeight: true,

                                        slideshow: false,

                                        animationSpeed: 400,

                                        pauseOnHover: 1
                                    });
                                });
    //]]>
    </script>
                            <div class="slideshow-banners grid12-3 hide-below-768">
                                <a class="banner" href=""
                                    title="Go to ThemeForest marketplace to buy this theme">
                                    <img src="./index2_files/01(2).jpg" alt="Buy This Theme">
                                    <div class="caption light1 full-width right">
                                        <p class="right">
                                            Buy This Theme</p>
                                    </div>
                                </a><a class="banner" href=""
                                    title="Click to see a list of all demos of this  Magento theme">
                                    <img src="./index2_files/02(2).jpg" alt="List of all demos">
                                    <div class="caption dark1 full-width right">
                                        <p class="right">
                                            See All Demos</p>
                                    </div>
                                </a><a class="banner" href=""
                                    title="Sell downloads in your Magento store (software, e-books, music, any digital products)">
                                    <img src="./index2_files/03.jpg" alt="Sell Downloads">
                                    <div class="caption dark2 full-width right">
                                        <p class="right">
                                            Sell Downloads</p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!--end slive 2-->

                    <div class="col-main grid-full in-col1">
                        <div class="std">
                            <!--banner ad 1-->
                            <div class="nested-container hide-below-768">
                                <div class="page-banners clearer">
                                    <div class="grid12-4 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                    <div class="grid12-4 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                    <div class="grid12-4 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <!--end banner ad 1-->
                            <!--product hot-->
                            <h3 class="section-title">
                                Our Featured Products</h3>
                            <div class="itemslider-wrapper itemslider-wrapper-1526372613">
                                <div class="nav-wrapper gen-slider-arrows1 gen-slider-arrows1-pos-top-right">
                                </div>
                                <div class="itemslider itemslider-horizontal itemslider-x count-multi">
                                    <ul class="slides products-grid">
                                        <li class="item"><a href="top1.html" title="Product with Variants" class="product-image">
                                            <img src="images/3b.jpg" alt="Product with Variants" />
                                            <img class="alt-img" src="images/3bb.jpg" alt="Product with Variants" />
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/35/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="top1.html" title="Product with Variants">Product with Variants</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 80%">
                                                    </div>
                                                </div>
                                                <span class="amount">2 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-35"><span class="price">$40.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                            </div>
                                        </li>
                                        <li class="item"><a href="top2.html" title="Sample Product" class="product-image">
                                            <img src="images/1_1.jpg" alt="Sample Product" />
                                            <img class="alt-img" src="images/1b.jpg" alt="Sample Product" />
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/36/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="top2.html" title="Sample Product">Sample Product</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-36"><span class="price">$45.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                            </div>
                                        </li>
                                        <li class="item"><a href="top3.html" title="Product Example" class="product-image">
                                            <img src="images/2b_2.jpg" alt="Product Example" />
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/37/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="top3.html" title="Product Example">Product Example</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 80%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-37"><span class="price">$99.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                            </div>
                                        </li>
                                        <li class="item"><a href="top4.html" title="New Hot Top" class="product-image">
                                            <img src="images/4_3.jpg" alt="New Hot Top" />
                                            <img class="alt-img" src="images/4c.jpg" alt="New Hot Top" />
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/39/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="top4.html" title="New Hot Top">New Hot Top</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">2 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-39"><span class="price">$80.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                            </div>
                                        </li>
                                        <li class="item"><a href="top5.html" title="Another Sample Top" class="product-image">
                                            <img src="images/6 (1).jpg" alt="Another Sample Top" />
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/40/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="top5.html" title="Another Sample Top">Another Sample Top</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 80%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-40"><span class="price">$110.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                            </div>
                                        </li>
                                        <li class="item"><a href="top6.html" title="Next Sample Product" class="product-image">
                                            <img src="images/5.jpg" alt="Next Sample Product" />
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/41/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="top6.html" title="Next Sample Product">Next Sample Product</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 60%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-41"><span class="price">$110.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                            </div>
                                        </li>
                                        <li class="item"><a href="top7.html" title="Some Other Product" class="product-image">
                                            <img src="images/7b.jpg" alt="Some Other Product" />
                                            <div class="sticker-wrapper top-right">
                                                <div class="sticker sale">
                                                    Sale</div>
                                            </div>
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/42/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="top7.html" title="Some Other Product">Some Other Product</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <p class="old-price">
                                                    <span class="price-label">Regular Price:</span> <span class="price" id="old-price-42">
                                                        $200.00 </span>
                                                </p>
                                                <p class="special-price">
                                                    <span class="price-label">Now only:</span> <span class="price" id="product-price-42">
                                                        $180.88 </span>
                                                </p>
                                            </div>
                                            <div class="actions">
                                            </div>
                                        </li>
                                        <li class="item"><a href="top8.html" title="Simple Woman Top" class="product-image">
                                            <img src="images/8_1.jpg" alt="Simple Woman Top" />
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/43/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="top8.html" title="Simple Woman Top">Simple Woman Top</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-43"><span class="price">$39.50</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                            </div>
                                        </li>
                                    </ul>
                                    <!-- end: slides -->
                                </div>
                                <!-- end: itemslider -->
                            </div>
                            <script type="text/javascript">
//<![CDATA[
                                jQuery(function ($) {
                                    $('.itemslider-wrapper-1526372613 .itemslider').flexslider({
                                        namespace: "",
                                        animation: "slide",
                                        easing: "easeInQuart",

                                        slideshow: false,
                                        animationLoop: false,

                                        animationSpeed: 300,

                                        pauseOnHover: true,
                                        controlNav: false,

                                        controlsContainer: ".itemslider-wrapper-1526372613 .nav-wrapper",

                                        itemWidth: 188,
                                        move: 0
                                    });
                                });
//]]>
                            </script>
                            <!-- end product hot -->
                            <h3 class="section-title">
                                Product Brands</h3>
                            <div class="brand-slider-wrapper itemslider-wrapper">
                                <div class="nav-wrapper gen-slider-arrows1 gen-slider-arrows1-pos-top-right">
                                </div>
                                <div class="brand-slider itemslider itemslider-horizontal itemslider-x count-multi">
                                    <ul class="slides products-grid">
                                        <li class="item"><a href="catalogsearch/result/?q=Brandissimi" title="Click to see more products from Brandissimi">
                                            <img src="images/brandissimi.png" alt="Brandissimi" />
                                        </a></li>
                                        <li class="item"><a href="catalogsearch/result/?q=Company" title="Click to see more products from Company">
                                            <img src="images/company.png" alt="Company" />
                                        </a></li>
                                        <li class="item"><a href="catalogsearch/result/?q=DummyBrand" title="Click to see more products from DummyBrand">
                                            <img src="images/dummybrand.png" alt="DummyBrand" />
                                        </a></li>
                                        <li class="item"><a href="catalogsearch/result/?q=Manufacturer" title="Click to see more products from Manufacturer">
                                            <img src="images/manufacturer.png" alt="Manufacturer" />
                                        </a></li>
                                        <li class="item"><a href="catalogsearch/result/?q=Publisher" title="Click to see more products from Publisher">
                                            <img src="images/publisher.png" alt="Publisher" />
                                        </a></li>
                                        <li class="item"><a href="catalogsearch/result/?q=SampleLogo" title="Click to see more products from SampleLogo">
                                            <img src="images/samplelogo.png" alt="SampleLogo" />
                                        </a></li>
                                        <li class="item"><a href="catalogsearch/result/?q=Samsung" title="Click to see more products from Samsung">
                                            <img src="images/samsung.png" alt="Samsung" />
                                        </a></li>
                                        <li class="item"><a href="catalogsearch/result/?q=Apple" title="Click to see more products from Apple">
                                            <img src="images/apple.png" alt="Apple" />
                                        </a></li>
                                    </ul>
                                    <!-- end: slides -->
                                </div>
                                <!-- end: itemslider -->
                            </div>
                            <!-- end: brand-slider-wrapper -->
                            <script type="text/javascript">
//<![CDATA[
                                jQuery(function ($) {
                                    $('.brand-slider-wrapper .itemslider').flexslider({
                                        namespace: "",
                                        animation: "slide",
                                        easing: "easeInOutCubic",
                                        animationLoop: 1,

                                        slideshowSpeed: 6000,

                                        animationSpeed: 500,

                                        pauseOnHover: 1,
                                        controlNav: false,

                                        controlsContainer: ".brand-slider-wrapper .nav-wrapper",

                                        itemWidth: 188,
                                        move: 0
                                    });
                                });
//]]>
                            </script>
                            <br />
                            <h3 class="section-title">
                                New Products in our Store</h3>
                            <div class="new-itemslider-wrapper itemslider-wrapper">
                                <div class="nav-wrapper gen-slider-arrows1 gen-slider-arrows1-pos-top-right">
                                </div>
                                <div class="itemslider itemslider-horizontal itemslider-x count-multi">
                                    <ul class="slides products-grid">
                                        <li class="item"><a href="phone6.html" title="Phone Navy Color" class="product-image">
                                            <img src="images/phone1cc.jpg" alt="Phone Navy Color" />
                                            <div class="sticker-wrapper top-left">
                                                <div class="sticker new">
                                                    New</div>
                                            </div>
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/31/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="phone6.html" title="Phone Navy Color">Phone Navy Color</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-31-new"><span class="price">$124.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                                <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('checkout/cart/add/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoLw,,/product/31/')">
                                                    <span><span>Add to Cart</span></span></button>
                                            </div>
                                        </li>
                                        <li class="item"><a href="phone4.html" title="Simple Phone" class="product-image">
                                            <img src="images/phone1b_2.jpg" alt="Simple Phone" />
                                            <div class="sticker-wrapper top-left">
                                                <div class="sticker new">
                                                    New</div>
                                            </div>
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/29/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="phone4.html" title="Simple Phone">Simple Phone</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-29-new"><span class="price">$699.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                                <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('checkout/cart/add/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoLw,,/product/29/')">
                                                    <span><span>Add to Cart</span></span></button>
                                            </div>
                                        </li>
                                        <li class="item"><a href="phone1.html" title="Brand New Phone" class="product-image">
                                            <img src="images/phone1a_1.jpg" alt="Brand New Phone" />
                                            <img class="alt-img" src="images/phone2a_3.jpg" alt="Brand New Phone" />
                                            <div class="sticker-wrapper top-left">
                                                <div class="sticker new">
                                                    New</div>
                                            </div>
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/21/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="phone1.html" title="Brand New Phone">Brand New Phone</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-21-new"><span class="price">$800.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                                <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('phone1.html?options=cart')">
                                                    <span><span>Add to Cart</span></span></button>
                                            </div>
                                        </li>
                                        <li class="item"><a href="phone9.html" title="Sample image label" class="product-image">
                                            <img src="images/phone9a.jpg" alt="Sample image label" />
                                            <div class="sticker-wrapper top-left">
                                                <div class="sticker new">
                                                    New</div>
                                            </div>
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/34/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="phone9.html" title="Groupped Product">Groupped Product</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <p class="minimal-price">
                                                    <span class="price-label">Starting at:</span> <span class="price" id="product-minimal-price-34-new">
                                                        $124.00 </span>
                                                </p>
                                            </div>
                                            <div class="actions">
                                                <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('checkout/cart/add/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoLw,,/product/34/')">
                                                    <span><span>Add to Cart</span></span></button>
                                            </div>
                                        </li>
                                        <li class="item"><a href="phone7.html" title="Phone Gray" class="product-image">
                                            <img src="images/phone1g.jpg" alt="Phone Gray" />
                                            <div class="sticker-wrapper top-left">
                                                <div class="sticker new">
                                                    New</div>
                                            </div>
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/32/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="phone7.html" title="Phone Gray">Phone Gray</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-32-new"><span class="price">$999.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                                <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('phone7.html?options=cart')">
                                                    <span><span>Add to Cart</span></span></button>
                                            </div>
                                        </li>
                                        <li class="item"><a href="phone5.html" title="Phone Blue" class="product-image">
                                            <img src="images/phone1ff_1_1.jpg" alt="Phone Blue" />
                                            <div class="sticker-wrapper top-left">
                                                <div class="sticker new">
                                                    New</div>
                                            </div>
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/30/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="phone5.html" title="Phone Blue">Phone Blue</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-30-new"><span class="price">$400.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                                <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('checkout/cart/add/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoLw,,/product/30/')">
                                                    <span><span>Add to Cart</span></span></button>
                                            </div>
                                        </li>
                                        <li class="item"><a href="phone2.html" title="Phone with Variants" class="product-image">
                                            <img src="images/phone1e_1.jpg" alt="Phone with Variants" />
                                            <img class="alt-img" src="images/iphone2_2.jpg" alt="Phone with Variants" />
                                            <div class="sticker-wrapper top-left">
                                                <div class="sticker new">
                                                    New</div>
                                            </div>
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/22/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="phone2.html" title="Phone with Variants">Phone with Variants</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 80%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-22-new"><span class="price">$750.00</span>
                                                </span>
                                            </div>
                                            <div class="actions">
                                                <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('phone2.html?options=cart')">
                                                    <span><span>Add to Cart</span></span></button>
                                            </div>
                                        </li>
                                        <li class="item"><a href="phone8.html" title="Tier Pricing Product" class="product-image">
                                            <img src="images/phone2a_6.jpg" alt="Tier Pricing Product" />
                                            <div class="sticker-wrapper top-left">
                                                <div class="sticker new">
                                                    New</div>
                                            </div>
                                        </a>
                                            <ul class="add-to-links clearer addto-onimage visible-onhover">
                                                <li><a href="wishlist/index/add/product/33/" class="link-wishlist" title="Add to Wishlist">
                                                    Add to Wishlist</a></li><li><a href="#" class="link-compare" title="Add to Compare">
                                                        Add to Compare</a></li></ul>
                                            <h3 class="product-name">
                                                <a href="phone8.html" title="Tier Pricing Product">Tier Pricing Product</a></h3>
                                            <div class="ratings">
                                                <div class="rating-box">
                                                    <div class="rating" style="width: 100%">
                                                    </div>
                                                </div>
                                                <span class="amount">1 Review(s)</span>
                                            </div>
                                            <div class="price-box">
                                                <span class="regular-price" id="product-price-33-new"><span class="price">$500.00</span>
                                                </span><a href="phone8.html" class="minimal-price-link"><span class="label">As low as:</span>
                                                    <span class="price" id="product-minimal-price-33-new">$400.00 </span></a>
                                            </div>
                                            <div class="actions">
                                                <button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('checkout/cart/add/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoLw,,/product/33/')">
                                                    <span><span>Add to Cart</span></span></button>
                                            </div>
                                        </li>
                                    </ul>
                                    <!-- end: slides -->
                                </div>
                                <!-- end: itemslider -->
                            </div>
                            <!-- end: new-itemslider-wrapper -->
                            <script type="text/javascript">
//<![CDATA[
                                jQuery(function ($) {
                                    $('.new-itemslider-wrapper .itemslider').flexslider({
                                        namespace: "",
                                        animation: "slide",
                                        easing: "easeInQuart",

                                        slideshow: false,
                                        animationLoop: false,

                                        animationSpeed: 300,

                                        pauseOnHover: true,
                                        controlNav: false,

                                        controlsContainer: ".new-itemslider-wrapper .nav-wrapper",

                                        itemWidth: 188,
                                        move: 0
                                    });
                                });
//]]>
                            </script>
                            <h3 class="section-title">
                                Sample Custom Banners</h3>
                            <br />
                            <div class="nested-container hide-below-1280">
                                <div class="page-banners clearer">
                                    <div class="grid12-6 banner">
                                        <a href="#" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                    <div class="grid12-6 banner">
                                        <a href="#" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="nested-container hide-below-960">
                                <div class="page-banners clearer">
                                    <div class="grid12-4 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                    <div class="grid12-4 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                    <div class="grid12-4 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="nested-container hide-below-768">
                                <div class="page-banners clearer">
                                    <div class="grid12-3 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/11.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                    <div class="grid12-3 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/11.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                    <div class="grid12-6 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/03.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="nested-container">
                                <div class="page-banners clearer">
                                    <div class="grid12-3 banner hide-below-768">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                    <div class="grid12-3 banner hide-below-480">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                    <div class="grid12-3 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                    <div class="grid12-3 banner">
                                        <a href="about-magento-demo-store" title="Replace this image with your own">
                                            <img src="images/01.png" alt="Sample banner" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="postscript grid-full in-col1">
                    </div>
                </div>
            </div>
            <div class="footer-container">
                <!--bottom_menu-->
                <div class="footer-top-container section-container">
                    <div class="footer-top footer container stretched">
                        <div class="grid-full">
                            <div class="section clearer show-separators">
                                <div class="item float-left">
                                    <ul class="links">
                                        <li class="first"><a href="catalog/seo_sitemap/category/" title="Site Map">Site Map</a></li>
                                        <li><a href="#" title="Search Terms">Search Terms</a></li>
                                        <li><a href="#" title="Advanced Search">Advanced Search</a></li>
                                        <li><a href="contacts/" title="Contact Us">Contact Us</a></li>
                                        <li class=" last"><a href="rss/" title="RSS" class="link-rss">RSS</a></li>
                                    </ul>
                                </div>
                                <div class="item float-right">
                                    <ul class="links hide-below-768">
                                        <li class="first"><a href="about-magento-demo-store/">About Us</a> </li>
                                        <li class="last"><a href="customer-service/">Customer Service</a> </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- end: footer-top section -->
                        </div>
                        <!-- end: grid-full -->
                    </div>
                    <!-- end: footer-top -->
                </div>
                <!--bottom_menu-->

                

                <div class="footer-primary-container section-container padding-top padding-bottom">
                    <div class="footer-primary footer container show-bg">
                        <div class="grid-full">
                            <div class="section clearer">
                                <div class="persistent-grid2-1 grid12-3 alpha">
                                    <div class="section-space std">
                                        <div class="feature first last">
                                            <img class="icon" src="images/info.png" />
                                            <h6 class="heading">
                                                About Ultimo Theme</h6>
                                            <p class="text">
                                                Lorem ipsum dolor sit, consectetur adipiscing elit. Etiam neque velit, blandit sed
                                                scelerisque quis.</p>
                                            <p class="text">
                                                Nullam ornare enim nec justo bibendum lobortis. In eget metus.</p>
                                            <a class="go" href="">Click to buy this theme</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="persistent-grid2-1 grid12-3">
                                    <div class="section-space std">
                                        <div class="feature indent first">
                                            <div class="icon">
                                                <img src="images/one.png" />
                                            </div>
                                            <p class="no-margin ">
                                                Lorem ipsum dolor sit consectetur, adipiscing elit</p>
                                        </div>
                                        <div class="feature indent">
                                            <div class="icon">
                                                <img src="images/two.png" />
                                            </div>
                                            <p class="no-margin ">
                                                Etiam neque velit magento blanditsch ecommerce</p>
                                        </div>
                                        <div class="feature indent">
                                            <div class="icon">
                                                <img src="images/three.png" />
                                            </div>
                                            <p class="no-margin ">
                                                Scelerique qui responsive magento themes lorem</p>
                                        </div>
                                        <div class="feature indent last">
                                            <div class="icon">
                                                <img src="images/four.png" />
                                            </div>
                                            <p class="no-margin ">
                                                Nullam premium templates omar enim nec del rio</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="persistent-grid2-1 grid12-3">
                                    <div class="section-space std">
                                        <h6 class="heading">
                                            Something About Us</h6>
                                        <ul class="bullet">
                                            <li><a href="about-magento-demo-store/">About Us</a></li>
                                            <li><a href="privacy-policy-cookie-restriction-mode/">Privacy Policy</a></li>
                                            <li><a href="customer-service/">Customer Service</a></li>
                                            <li><a href="#">Meat Our Best Partners</a></li>
                                            <li><a href="#">Our Other Projects</a></li>
                                            <li><a href="#">One Click To Join Us</a></li>
                                            <li><a href="#">Follow Us On Twitter</a></li>
                                            <li><a href="#">Magento Themes</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="persistent-grid2-1 grid12-3 omega">
                                    <div class="section-space std">
                                        <div class="feature indent first">
                                            <div class="icon">
                                                <img src="images/phone.png" />
                                            </div>
                                            <p class="no-margin ">
                                                Call Us +001 555 801<br />
                                                Fax +001 555 802</p>
                                        </div>
                                        <div class="feature indent">
                                            <div class="icon">
                                                <img src="images/mobile.png" />
                                            </div>
                                            <p class="no-margin ">
                                                +77 123 1234<br />
                                                +42 98 9876</p>
                                        </div>
                                        <div class="feature indent">
                                            <div class="icon">
                                                <img src="images/email.png" />
                                            </div>
                                            <p class="no-margin ">
                                                boss@example.com<br />
                                                me@example.com</p>
                                        </div>
                                        <div class="feature indent last">
                                            <div class="icon">
                                                <img src="images/skype.png" />
                                            </div>
                                            <p class="no-margin ">
                                                Skype: contact_us<br />
                                                skype_support</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- end: footer-primary section -->
                            <div class="footer-primary-bottom section section-space">
                                <div class="footer-primary-bottom-inner clearer">
                                    <div class="item float-left clearer block_footer_primary_bottom_left">
                                        <div class="social-links">
                                            <a class="first" href="#" title="Join us on Facebook">
                                                <img src="images/facebook.png" alt="facebook" />
                                            </a><a href="#" title="Follow us on Twitter">
                                                <img src="images/twitter.png" alt="twitter" />
                                            </a><a href="#" title="Join us on Google Plus">
                                                <img src="images/googleplus.png" alt="google" />
                                            </a><a href="#" title="Pinterest">
                                                <img src="images/pinterest.png" alt="pinterest" />
                                            </a><a href="#" title="Watch us on YouTube">
                                                <img src="images/youtube.png" alt="youtube" />
                                            </a><a class="first" href="#" title="Linked In">
                                                <img src="images/linkedin.png" alt="linked in" />
                                            </a><a href="#" title="Pinterest">
                                                <img src="images/pinterest.png" alt="pinterest" />
                                            </a><a href="#" title="Join us on Google Plus">
                                                <img src="images/googleplus.png" alt="google" />
                                            </a><a href="#" title="Follow us on Twitter">
                                                <img src="images/twitter.png" alt="twitter" />
                                            </a><a href="#" title="Watch us on YouTube">
                                                <img src="images/youtube.png" alt="youtube" />
                                            </a>
                                        </div>
                                    </div>
                                    <div class="item float-right clearer">
                                        <div id="subscribe-form" class="clearer">
                                            <form action="newsletter/subscriber/new/" method="post" id="newsletter-validate-detail">
                                            <div>
                                                <label for="newsletter">
                                                    Newsletter</label>
                                                <div class="input-box">
                                                    <input type="text" name="email" id="newsletter" title="Sign up for our newsletter"
                                                        class="input-text required-entry validate-email" />
                                                </div>
                                                <button type="submit" title="Subscribe" class="button btn-inline">
                                                    <span><span>Subscribe</span></span></button>
                                            </div>
                                            </form>
                                        </div>
                                        <script type="text/javascript">
//<![CDATA[
                                            var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
                                            new Varien.searchForm('newsletter-validate-detail', 'newsletter', 'Enter your email address');
//]]>
                                        </script>
                                    </div>
                                </div>
                            </div>
                            <!-- end: footer-primary-bottom -->
                        </div>
                        <!-- end: grid-full -->
                    </div>
                    <!-- end: footer-primary -->
                </div>
                <div class="footer-secondary-container section-container">
                    <div class="footer-secondary footer container">
                        <div class="grid-full">
                            <div class="section clearer">
                                <div class="persistent-grid2-1 grid12-3 alpha">
                                    <div class="section-space std">
                                        <h6 class="heading">
                                            First Heading</h6>
                                        <ul class="bullet">
                                            <li><a href="path/to/page/">This is just a sample store link</a></li>
                                            <li><a href="path/to/page/">And this is some other link example</a></li>
                                            <li><a href="path/to/page/">Another dummy text as anchor</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="persistent-grid2-1 grid12-3">
                                    <div class="section-space std">
                                        <h6 class="heading">
                                            Second Sample Heading</h6>
                                        <ul class="bullet">
                                            <li><a href="path/to/page/">Some other link example</a></li>
                                            <li><a href="path/to/page/">This is just a simple sample link</a></li>
                                            <li><a href="path/to/page/">Another dummy text</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="persistent-grid2-1 grid12-3">
                                    <div class="section-space std">
                                        <h6 class="heading">
                                            Third Heading</h6>
                                        <ul class="bullet">
                                            <li><a href="path/to/page/">Another nonsense text as link</a></li>
                                            <li><a href="path/to/page/">This is just a simple sample link</a></li>
                                            <li><a href="path/to/page/">Some other link example</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="persistent-grid2-1 grid12-3 omega">
                                    <div class="section-space std">
                                        <h6 class="heading">
                                            Fourth Heading</h6>
                                        <ul class="bullet">
                                            <li><a href="path/to/page/">Last Sample Link</a></li>
                                            <li><a href="path/to/page/">Some Other Link In Another</a></li>
                                            <li><a href="path/to/page/">Link Example</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- end: footer-secondary section -->
                        </div>
                        <!-- end: grid-full -->
                    </div>
                    <!-- end: footer-secondary -->
                </div>
                <div class="footer-bottom-container section-container">
                    <div class="footer-bottom footer container">
                        <div class="grid-full">
                            <div class="section clearer">
                                <div class="item float-left">
                                    <p class="footer-copyright">
                                        Copyright &copy; 2012 Advanced Magento Themes by Infortis. All Rights Reserved.<br />
                                        This is a demo store. Any orders placed through this store will not be honored or
                                        fulfilled.</p>
                                </div>
                                <div class="item float-right block_footer_payment">
                                    <img src="images/payment.gif" alt="Payment methods" title="Sample image with payment methods" /></div>
                                <div class="item float-right">
                                    <div class="store-switcher">
                                        <label for="select-store">
                                            Select Store:</label>
                                        <select id="select-store" title="Select Store" onchange="location.href=this.value">
                                            <option value="#">Main Demo</option>
                                            <option value="#">Store 2</option>
                                            <option value="#">Store 3</option>
                                            <option value="" selected="selected">Store 4</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <!-- end: footer-bottom section -->
                        </div>
                        <!-- end: grid-full -->
                    </div>
                    <!-- end: footer-bottom -->
                </div>
                <a href="#top" id="scroll-to-top">To top</a>
            </div>
            <!-- end: footer-container -->
            <script type="text/javascript">

                function setGridItemsEqualHeight($) {
                    var SPACING = 20;
                    if ($(window).width() >= 480) {
                        $('.category-products-grid').removeClass("auto-height");

                        var gridItemMaxHeight = 0;
                        $('.category-products-grid > .item').each(function () {
                            $(this).css("height", "auto");

                            ////////////////////////////////////////////////////////////////
                            var actionsHeight = $(this).find('.actions').height();
                            $(this).css("padding-bottom", (actionsHeight + SPACING) + "px"); //Set new padding
                            ////////////////////////////////////////////////////////////////

                            gridItemMaxHeight = Math.max(gridItemMaxHeight, $(this).height());
                        });

                        //Apply max height
                        $('.category-products-grid > .item').css("height", gridItemMaxHeight + "px");
                    }
                    else {
                        $('.category-products-grid').addClass("auto-height");
                        $('.category-products-grid > .item').css("height", "auto");
                        $('.category-products-grid > .item').css("padding-bottom", "20px");
                    }
                }

                function activateMobileMenu($) {
                    if ($(window).width() < 960) {
                        $('#mobnav').show();
                        $('.vertnav-top').addClass('mobile');
                        $('#nav').addClass('mobile');
                    }
                    else {
                        $('#nav').removeClass('mobile');
                        $('.vertnav-top').removeClass('mobile');
                        $('#mobnav').hide();
                    }
                }



                jQuery(function ($) {

                    activateMobileMenu(jQuery);

                    $('#mobnav-trigger').toggle(function () {
                        $(this).addClass('active');
                        $('.vertnav-top').addClass('show');
                    }, function () {
                        $(this).removeClass('active');
                        $('.vertnav-top').removeClass('show');
                    });

                    $("#nav > li").hover(function () {
                        $(this).find(".level0").stop(true, true).delay(150).fadeIn(300, "easeOutCubic");
                    }, function () {
                        $(this).find(".level0").stop(true, true).delay(150).fadeOut(300, "easeInCubic");
                    });

                    $("#mini-cart").hover(function () {
                        $(this).addClass('hover');
                        $("#mini-cart .block-content").stop(true, true).delay(300).fadeIn(500, "easeOutCubic");
                    }, function () {
                        $("#mini-cart .block-content").stop(true, true).delay(300).fadeOut(500, "easeInCubic");
                    });

                    $(".dropdown-button").mouseenter(function () {
                        $(this).click();
                    });
                    $(".dropdown-button").click(function () {
                        $(this).addClass('hover');
                        var el = $(this).find("ul");
                        if ($(window).width() >= 480)
                            el.stop(true, true).delay(300).fadeIn(500, "easeOutCubic");
                        else
                            el.show();

                        //Positionning
                        var x = el.offset().left;
                        if (x < 0) {
                            var space = $(this).offset().left;
                            el.css("left", (-1) * space);
                            el.css("right", "auto");
                        }
                    }).mouseleave(function () {
                        var el = $(this).find("ul");
                        if ($(window).width() >= 480)
                            el.stop(true, true).delay(300).fadeOut(500, "easeInCubic");
                        else
                            el.hide();
                        el.css("left", "");
                        el.css("right", "");
                    });

                    $(window).scroll(function () {
                        if ($(this).scrollTop() > 100) {
                            $('#scroll-to-top').fadeIn();
                        }
                        else {
                            $('#scroll-to-top').fadeOut();
                        }
                    });
                    $('#scroll-to-top').click(function () {
                        $("html, body").animate({ scrollTop: 0 }, 600, "easeOutCubic");
                        return false;
                    });



                    $('.category-products-grid > .item').hover(function () {
                        $(this).find(".display-onhover").fadeIn(400, "easeInCubic");
                    }, function () {
                        $(this).find(".display-onhover").hide();
                    });



                    /* On resize */
                    var t;
                    $(window).resize(function () {
                        clearTimeout(t);
                        t = setTimeout(function () {

                            setGridItemsEqualHeight($);

                            $('.itemslider').each(function (index) {
                                var s = $(this).data('flexslider');
                                if (s != null) s.flexAnimate(0);
                            });

                            activateMobileMenu($);

                        }, 100);
                    });

                }); /* end: jQuery(){...} */



                jQuery(window).load(function () {

                    setGridItemsEqualHeight(jQuery);

                }); /* end: jQuery(window).load(){...} */
	
            </script>
        </div>
    </div>
</body>
</html>
